<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, maximum-scale=1, minimum-scale=1">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>慢慢买-手机端</title>
    <link rel="shortcut icon" href="images/favicon.ico">
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/module.css">
    <link rel="stylesheet" href="css/goodsList.css">
</head>

<body>
    <div class="mmm">
        <!-- 顶部部分开始 -->
        <header>
            <a href="index.html" class="mm_logo">慢慢买</a>
            <a href="javascript:;" class="mm_app"></a>
        </header>
        <!-- 顶部部分结束 -->

        <!-- 搜索部分开始 -->
        <div class="search">
            <input type="search" placeholder="请输入你想比价的商品">
            <button>搜索</button>
        </div>
        <!-- 搜索部分结束 -->

        <!-- 3级菜单开始 -->
        <nav>
            <div class="nav_title">
                <div class="title_lis">
                    <a href="index.html">首页&gt; </a>
                    <a href="category.html">全部分类&gt; </a>

                </div>
                <button>筛选</button>
            </div>
            <!-- 商品列表 -->
            <div class="goods_cont">
                <ul>
                    <!-- <li>
                        <a href="javascript:;">
                            <div class="goodsImg">
                                <img src="images/kfc.jpg" alt="">
                            </div>
                            <div class="goodsIfor">
                                <p class="title">我是一台电视我是一台电视我是一台电视我是一台电视我是一台电视</p>
                                <p class="rmb">￥1999</p>
                                <p class="other">
                                    <span class="offer">报价(6)　</span>
                                    <span class="review">评论(2200)</span>
                                </p>
                            </div>
                        </a>
                    </li> -->
                </ul>
            </div>
            <!-- 分页 -->
            <div class="paging">
                <span class="up_page">上一页</span>
                <select class="myselect">
                    <!-- <option value="1">1/3</option>
                    <option value="2">2/3</option>
                    <option value="3">3/3</option>
                    <option value="4">4/3</option>
                    <option value="5">5/3</option>
                    <option value="6">6/3</option>
                    <option value="7">7/3</option> -->
                    
                </select>
                <span class="last_page">下一页</span>
            </div>
        </nav>
        <!-- 3级菜单结束 -->



        <!-- 底部部分开始 -->
        <footer>
            <div class="foot_user">
                <a href="javascript:;" class="foot_login">登录</a>
                <a href="javascript:;" class="foot_register">注册</a>
                <a href="#top" class="foot_return">
                    <i class="iconfont">&#xe648;</i>
                    返回顶部
                </a>
            </div>
            <div class="foot_text">
                <div class="text_box">
                    <span class="text_sp">手机APP下载</span>
                    <span class="text_sp">慢慢买手机版</span>
                    <span class="text_sp">--掌上比价平台</span>
                </div>
                <p>m.manmanbuy.com</p>
            </div>
        </footer>
        <!-- 底部部分结束 -->
    </div>
</body>

</html>
<script src="jq/src/zepto.js"></script>
<script src="jq/src/event.js"></script>
<script src="jq/src/touch.js"></script>
<script src="jq/src/ajax.js"></script>
<script src="jq/src/fx.js"></script>
<script src="jq/src/selector.js"></script>
<script src="js/fastclick.js"></script>
<script src="jq/template-web.js"></script>
<script src="js/goodsList.js"></script>

<!-- // 渲染模版  3级菜单-->
<script type="text/template" id="cat">
    <a href="goodsList.html?categoryId={{categoryId}}">{{category}}&gt;</a>
</script>

<!-- // 渲染商品列表 -->
<script type="text/template" id="goodsTemp">
    {{each goods value index}}
    <li>
        <a href="details.html?productId={{value.productId}}">
            <div class="goodsImg">
                {{@value.productImg}}
            </div>
            <div class="goodsIfor">
                <p class="title">{{value.productName}}</p>
                <p class="rmb">{{value.productPrice}}</p>
                <p class="other">
                    <span class="offer">{{value.productQuote}}　</span>
                    <span class="review">{{value.productCom}}</span>
                </p>
            </div>
        </a>
    </li>
    {{/each}}
</script>

<!-- // 渲染下拉框option -->
<script type="text/html" id="optionTemp">
    <option></option>
</script>